<template>
	<view class="foot-head">
		<view class="custormer">
			<view>顾客服务</view>
			<view>
				<view>联系我们</view>
				<view>物流须知</view>
				<view>退货退款说明</view>
				<view>撒旦解放</view>
				<view>定积分进度</view>
				<view>定积分进度</view>
				<view>定积分进度</view>
			</view>
		</view>
		<view class="custormer">
			<view>关注我们</view>
			<view>
				<view>TicTok</view>
				<view>YouTube</view>
				<view>Facebook</view>
				<view>Instagram</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.foot-head {
		width: 100%;
		background-color: #F9F9F9;
		margin: auto;
		overflow: hidden;

		.custormer {
			border-bottom: 1px solid #a5a5a5;
			margin-left: 30rpx;
			overflow: hidden;

			>:nth-child(1) {
				font-size: 40rpx;
				font-weight: 600;
				height: 60rpx;
				line-height: 80rpx;
				margin-bottom: 8px;
			}

			>:nth-child(2) {
				width: 100%;
				height: 120rpx;

				>view {
					text-align: center;
					height: 30rpx;
					line-height: 30rpx;
					float: left;
					margin-right: 30rpx;
					margin-bottom: 15px;
				}
			}
		}

		>:last-child {
			border-bottom: 0px solid #a5a5a5;
		}
	}
</style>